<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link href="/css/swiper.min.css" type="text/css" rel="stylesheet" />
		<link href="/css/styleShibanhe.css" type="text/css" rel="stylesheet" />
	</head>
	<body>
		<style>
			.banner{width: 100%;height: 856px;position: relative;}
			.bannerImg{width: 100%;height: 856px;background-size: 1920px 856px;background-position: center center; }
			.bannerp{width: 156px;height: 460px;position: absolute;z-index: 2;bottom: 130px;left: 50%;transform: translateX(-50%); margin-left:50px; background: url(/img/bannerp.png);writing-mode: tb-rl;color: #fff;font-size: 15px;line-height: 1.35;padding: 20px 120px 20px 0;}
		
			.searchPart{width: 100%;height: 81px;background: url(/img/back1.png) no-repeat;background-size: 1920px 81px;background-position: center center; }
			.searchBox{width: 1260px;height: 81px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
			.awardUl{display: flex;padding: 31px 0;}
			.awardUl li{margin-right: 32px;font-size: 18px;color: #fff;font-weight: 600;list-style: none;line-height: 18px;display: flex;align-items: center;}
			.awardUl li img{height: 18px;margin-right: 10px;}
			.searchDiv{width: 330px;height: 40px;padding: 0 30px;border-radius: 20px;background: #99cc67;display: flex;justify-content: space-between;align-items: center;}
			.searchVal{height: 40px;border: none;outline: none;width: 290px;background: none;color: #FFFFFF;font-size: 14px;}
			.searchVal::-webkit-input-placeholder { color: #fff; } 
			.searchVal:-moz-placeholder { color: #fff; } 
			.searchVal:-ms-input-placeholder { color: #fff; }
			.search{width: 23px;height: 23px;cursor: pointer;}
			
			.main{width: 100%;background: url(/img/main.png) no-repeat;background-size: 1920px 4244px;background-position: center top;background-color: #fff;padding-top: 1px;}
			.newsPart{padding: 18px;width: 1260px;background: #fff;margin: 32px auto;}
			.newsUl{display: flex;justify-content: space-between;}
			.newsUl li{width: 447px;list-style: none;}
			.newsUl li:nth-of-type(3){width: 316px;}
			.newsHead{height: 30px;background: url(/img/line5.png) no-repeat;background-size: 447px 22px;background-position: right bottom;margin-bottom: 20px;display: flex;justify-content: space-between;padding-right: 26px;}
			.newsHead p{font-size: 20px;line-height: 20px;color: #50ac53;font-weight: 600;}
			.newsHead p span{color: #0e62a7;}
			.newsHead a{font-size: 14px;line-height: 30px;color: #000;}
			.newsBox{width: 447px;height: 300px;position: relative;margin-bottom: 15px;}
			.newsArtical{font-size: 14px;line-height: 33px;color: #010101;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
			.newsArtical a{color: #010101;}
			.newsDetail{font-size: 14px;line-height: 50px;color: #010101;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;border-bottom: 1px dashed #e6e6e6;}
			.newsDetail a{color: #010101;}
			.newsMore img{width: 164px;margin: 25px auto 0;display: block;}
			.newsBottom{width: 100%;height: 32px;position: absolute;top: 268px;left: 0;background: rgba(0,0,0,0.6);}
			.newsBottom p{width: 60%;font-size: 14px;color: #fff;line-height: 32px;padding-left: 1em;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
			.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align: right;width: 96%;}
			.swiper-pagination-bullet{background: #fff;opacity: 0.5;}
			.swiper-pagination-bullet-active{background: #fff;opacity: 1;}
			
			.guidePart{width: 100%;height: 333px;background: url(/img/guide.png) no-repeat;background-size: 1920px 333px;background-position: center center;}
			.guideBack{width: 50%;height: 333px;background: rgba(0,0,0,0.2);float: right;display: none;}
			.guideBox{width: 630px;height: 333px;text-align: center;}
			.guideBox img{margin-top: 120px;width: 47px;}
			.guideBox p{font-size: 16px;color: #fff;line-height: 3;}
			.guidePart:hover .guideBack{display: block;}
			
			.impressionPart{width: 1260px;margin: 40px auto 20px;background: #fff;display: flex;}
			.impressionLeft{width: 628px;height: 369px;position: relative;}
			.impressionBox{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;text-align: center;cursor: pointer;}
			.impressionBox img{width: 59px;height: 59px;margin-top: 140px;}
			.impressionBox p{font-size: 16px;color: #fff;line-height: 2.5;}
			.videoBox,.videoBox video{width: 628px;height: 369px;}
			.impressionRight{position: relative;padding: 165px 40px 0;}
			.impressionRight img{width: 627px;position: absolute;top: 50px;left: 40px;}
			.impressionRight p{font-size: 15px; color: #010101; line-height: 1.8;}
			.impressionRight a{display: block;width: 162px;height: 35px;border: 1px solid #d0e3a0;text-align: center;line-height: 35px;font-size: 14px;color: #000;border-radius: 17.5px;margin-top: 45px;}
		
			.spotPart{width: 1260px;height: 589px;display: flex;margin:0 auto 45px;justify-content: space-between;}
			.spotLeft{width: 507px;height: 589px;}
			.spotBox1,.spotImg{width: 100%;height: 100%;position: relative;}
			.spotLeft p{height: 54px;position: absolute;left: 0;bottom: 0;line-height: 54px;background: rgba(0,0,0,0.5);width: 100%;font-size: 16px;color: #fff;display: flex;align-items: center;}
			.spotLeft p img{margin: 0 10px 0 25px;}
			.spotHover{width: 90%;height: 90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 30px;color: #fff;align-items: center;justify-content: center;background: url(/img/line6.png) no-repeat center center;background-color: rgba(0,0,0,0.4);background-size: 70% 70%;display: none;}
			.spotBox1:hover p{display: none;}
			.spotBox1:hover .spotHover{display: flex;}
			.spotRight{width: 740px;overflow: hidden;}
			.spotBox2{width: 362px;height: 288px;float: left;position: relative;}
			.spotBox2:nth-of-type(1){margin-right: 16px;margin-bottom: 13px;}
			.spotBox2:nth-of-type(2){margin-bottom: 13px;}
			.spotBox2:nth-of-type(3){margin-right: 16px;}
			.spotBox2 p{height: 54px;position: absolute;left: 0;bottom: 0;line-height: 54px;background: rgba(0,0,0,0.5);width: 100%;font-size: 16px;color: #fff;display: flex;align-items: center;}
			.spotBox2 p img{margin: 0 10px 0 25px;}
			.spotBox2 .spotHover{font-size: 16px;}
			.spotBox2:hover p{display: none;}
			.spotBox2:hover .spotHover{display: flex;}
			
			.playPart{width: 1260px;margin: 0 auto 60px;}
			.title{display: block;margin: 0 auto 25px;}
			.options {
			    display: flex;
			    flex-direction: row;
			    align-items: stretch;
			    overflow: hidden;
			    width: 1260px;
			    height: 663px;
			}
			.options .option {
			    position: relative;
			    overflow: hidden;
			    width: 125px;
			    margin: 1px;
			    background-size: auto 100%;
			    background-position: center;
			    cursor: pointer;
			    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
			}
			
			.optionIcon{
				position: absolute;
				top: 140px;
				left: 35px;
			}
			
			.option:nth-of-type(odd) .optionIcon{
				top: 523px;
			}
			
			.lookDetail{
				display: block;
				width: 162px;
				height: 35px;
				border: 1px solid #fff;
				text-align: center;
				line-height: 35px;
				font-size: 14px;
				color: #fff;
				border-radius: 17.5px;
				position: absolute;
				left: 228px;
				bottom: 28px;
			}
			
			.options .option.active {
			    flex-grow: 10000;
			    width: 624px;
			    margin: 1px;
			    background-size: auto 100%;
			}
			
			.option p{
				position: absolute;
				top: 180px;
				left: 210px;
				font-size: 14px;
				color: #fff;
				line-height: 2;
				height: 70px;
				writing-mode: vertical-lr;
				writing-mode: tb-lr;
			}
			
			.option.active .optionIcon{
				top: 140px;
				left: 155px;
			}
			
			.bottom{width: 100%;background: url(/img/bottom.png) no-repeat;background-size: 1920px 1233px;background-position: center bottom;}
			.userPart{width: 1260px;margin:0 auto 62px;display: flex;position: relative;height: 1003px;}
			.reserveBox1{width: 310px;border-right: 1px solid #f5f5f5;background: #efc245;text-align: center;padding-top: 50px;}
			.reserveBox1 h3{font-size: 28px;color: #fff;line-height: 1;font-weight: 500;}
			.reservep1{font-size: 14px;color: #fff;line-height: 1.8;opacity: 0.5;text-transform:uppercase;}
			.reservep2{font-size: 15px;color: #fff;line-height: 1;margin: 25px 0;}
			.reservep2 span{margin: 0 25px;}
			.reservep3{font-size: 16px;color: #fff;line-height: 1.5;margin: 20px 0 10px;}
			.reservep4{font-size: 15px;color: #fff;line-height: 1.8;}
			.reserveA{display: block;width: 162px;height: 35px;border: 1px solid #fff;text-align: center;line-height: 35px;font-size: 14px;color: #fff;border-radius: 17.5px;margin: 0 auto 22px;}
			.adress{width: 310px;height: 338px;display: block;position: absolute;bottom: 0;left: 0;}
			
			.reserveBox2{width: 633px;}
			.custom{height: 318px;background: url(/img/drive.png) no-repeat;padding: 52px 36px 0;}
			.reserveBox2 h2{font-size: 28px;line-height: 28px;color: #fff;font-weight: 500;vertical-align: bottom;}
			.reserveBox2 h2 span,.reserveBox2 h2 a{font-size: 14px;color: #fff;opacity: 0.5;margin-left: 18px;text-transform:uppercase;}
			.customUl{padding: 10px 0 20px;}
			.customUl li{list-style: none;line-height: 36px;border-bottom:1px dashed #bca49d;margin-bottom: 10px;}
			.customUl li a{display: flex;justify-content: space-between;color: #fff;}
			.customUl li span:nth-of-type(1){width: 65%;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
			.customUl li span:nth-last-of-type(1){opacity: 0.5;}
			.things{height: 368px;display: flex;}
			.tips{width: 280px;height: 323px;background: url(/img/img8.png) no-repeat;background-size: 100% 100%;padding: 45px 0 0 35px;}
			.tipsUl{margin: 10px 0 0;}
			.tipsUl li{list-style: none;margin-bottom: 10px;font-size: 14px;line-height: 1.5;}
			.tipsUl li a{color: #fff;}
			.tipsUl li span:nth-last-of-type(1){opacity: 0.5;}
			.sbh{width: 288px;height: 288px;background: url(/img/img9.png) no-repeat;padding: 80px 0 0 30px;}
			.sbh p{font-size: 14px;color: #fff;line-height: 2.4;opacity: 0.5;text-transform:uppercase;}
			.online{padding: 50px 35px 0 35px;background: #1bacaf;height: 215px;}
			.onlineLine{width: 320px;height: 1px;background: #fff;margin: 15px 0;}
			.online p{font-size: 14px;color: #fff;line-height: 1.6;}
			.onlineBox{margin-top: 25px;height: 37px;display: flex;}
			.onlineBox span{display: block;width: 162px;height: 35px;border: 1px solid #fff;text-align: center;line-height: 35px;font-size: 14px;color: #fff;border-radius: 17.5px;margin-right: 32px;}
			
			.reserveBox3{width: 316px;}
			.contact{padding: 50px 0 0 35px;height: 214px;background: url(/img/img10.png) no-repeat;border-bottom: 1px solid #fff;}
			.reserveBox3 h4{font-size: 28px;line-height: 24px;color: #fff;font-weight: 500;}
			.reserveBox3 h4 span{font-size: 14px;color: #fff;opacity: 0.5;text-transform:uppercase;}
			.contact p{font-size: 15px;color: #fff;line-height: 1.8;}
			.qualifications{padding: 50px 0 0 35px;height: 319px;background: url(/img/img11.png) no-repeat;}
			.qualificationsUl{margin-top: 35px;padding-bottom: 10px;}
			.qualificationsUl li{height: 15px;color: #fff;display: flex;align-items: center;margin-bottom: 32px;}
			.qualificationsUl li img{margin-right: 10px;}
			.reserveBox3 .more{display: block;width: 162px;height: 35px;border: 1px solid #fff;text-align: center;line-height: 35px;font-size: 14px;color: #fff;border-radius: 17.5px;margin-right: 32px;}
			.complaint{padding: 50px 0 0 35px;height: 107px;background: url(/img/img12.png) no-repeat;position: relative;}
			.complaint img{position: absolute;top: 65px;right: 85px;}
			.investigation{padding: 50px 0 0 35px;height: 162px;background: url(/img/img13.png) no-repeat;}
			.language{position: absolute;top:30px;right: 30px;font-size: 12px;z-index: 222}
			.language span{margin: 0 3px;color: #ccc;}
			.language .cur{color: #fff;}
			.clickNum{position: absolute;top:100px;right:80px;font-size: 14px;z-index: 222;color: #fff;}
			.clickNum .clickSearch{position: absolute;top:2px;width: 20px;height: 20px}
			input{outline: none;}
		</style>
		<div class="content">
			
			<div class="banner">
				<div class="language">
					<span class="cur">中文</span>
					<span>English</span>
					<span>日本語</span>
					<span>한국어</span>
				</div>
				<div class="clickNum">
					<p><span>游览日期：</span>
						<input type="text" id="date" class="Wdate" style="padding-left: 10px" readonly onFocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd'})" placeholder="请选择取票日期" />&nbsp;&nbsp;<img id="clickSearch" class="clickSearch" src="/img/search.png" /></p>
					<br>
					<p>预计景区人数:&nbsp;&nbsp;&nbsp;<span id="clickNum">0</span></p>
				</div>
				<div class="head">
					<div class="headLeft cur">
						<a href="/">网站首页</a>
					</div>
					<div class="headLeft">
						<a href="/walking">走进景区</a>
					</div>
					<div class="headLeft">
						<a href="/impression">印象景区</a>
					</div>
					<div class="headLeft">
						<a href="/play">玩转景区</a>
					</div>
					<img class="logo" src="/img/logo.jpg" style="width:180px;height:172px"/>
					<div class="headRight">
						<a href="/shopping">景区周边</a>
					</div>
					<div class="headRight">
						<a href="/dynamic">景区动态</a>
					</div>
					<div class="headRight">
						<a href="/strategy">旅游攻略</a>
					</div>
					<div class="headRight">
						<a href="/service">客户服务</a>
					</div>
				</div>
				<div class="swiper-container bannerSwiper">
				  <div class="swiper-wrapper" id="swiper-wrapper">
				    <!--<div class="swiper-slide">
						<div class="bannerImg" style="background-image: url(/img/banner1.png);"></div>
						<div class="bannerp">
							石板河景区位于宝丰县石板河村建于南石河北岸，故名“石板河村”。四周群山环抱，绿树成荫，鸟语花香，森林覆盖率在80%以上，传统建筑集中，连片分布。村内矿产丰富，地貌奇特，林木繁茂，风景优美，景区规划面积6.3平方公里，总投资约35000万元，景区内有公共建筑及旅游设施、特色民宿、原始森林、游乐设施、林果采摘、拓展训练基地、美食街等体验内容。
						</div>
				    </div>-->

				  </div>
				  <div class="swiper-button-prev swiper-button-white"></div><!--左箭头-->
				  <div class="swiper-button-next swiper-button-white"></div><!--右箭头-->
				</div>
			</div>
			
			<div class="searchPart">
				<div class="searchBox">
					<ul class="awardUl">
						<li><img src="/img/icon1.png" /><span class="qualification0">国家AAAA级旅游景区</span></li>
						<li><img src="/img/icon1.png" /><span class="qualification1">国家级风景名胜区</span></li>
						<li><img src="/img/icon1.png" /><span class="qualification2">国家AAAA级旅游景区</span></li>
					</ul>
					<div class="searchDiv">
						<input class="searchVal" id="searchVal" type="text" placeholder="请输入关键词" />
						<img class="search" src="/img/search.png" />
					</div>
				</div>
			</div>
			
			<div class="main">
				<div class="newsPart">
					<ul class="newsUl">
						<li>
							<div class="newsHead">
								<p>景区<span>动态</span></p>
								<a href="/more?articleType=5">更多+</a>
							</div>
							<div class="newsBox">
								<div class="swiper-container newsSwiper1">
									<!--<div class="swiper-wrapper">
                                      <div class="swiper-slide">
                                          <img src="/img/img1.png"/>
                                          <div class="newsBottom">
                                              <p>石板河景区位于宝丰县石板河村建于...</p>
                                          </div>
                                      </div>
                                    </div>-->
								    <!-- Add Pagination -->
								    <div class="swiper-pagination pagination1"></div>
								</div>
							</div>
							<div class="artical1">
								<!--<div class="newsArtical"><a href="">> 石板河景区位于宝丰县石板河村建于南石河北岸，故名“石板河村”</a></div>-->
							</div>

						</li>
						<li>
							<div class="newsHead">
								<p>景区<span>公告</span></p>
								<a href="/more?articleType=6">更多+</a>
							</div>
							<div class="newsBox">
								<div class="swiper-container newsSwiper2">
								    <!--<div class="swiper-wrapper">
								      <div class="swiper-slide">
										  <img src="/img/img2.png"/>
										  <div class="newsBottom">
											  <p>石板河景区位于宝丰县石板河村建于...</p>
										  </div>
									  </div>
								    </div>-->
								    <!-- Add Pagination -->
								    <div class="swiper-pagination pagination2"></div>
								</div>
							</div>
							<div class="artical2">
								<!--<div class="newsArtical"><a href="">> 石板河景区位于宝丰县石板河村建于南石河北岸，故名“石板河村”</a></div>-->
							</div>
						</li>
						<li>
							<div class="newsHead">
								<p>行业<span>动态</span></p>
								<a href="/more?articleType=7">更多+</a>
							</div>
							<!--<div class="newsDetail"><a href="">>  石板河景区位于宝丰县石板河村建于...</a></div>
							-->
							<a class="newsMore" href="/more?articleType=7"><img src="/img/lookMore.png" /></a>
						</li>
					</ul>
				</div>
			
				<div class="guidePart">
					<a href="http://stable66.com/info.php?class_id=106" target="_blank">
						<div class="guideBack">
							<div class="guideBox">
								<img src="/img/site.png" />
								<p>石板河旅游风景区·景区导览</p>
							</div>
						</div>
					</a>
				</div>
			
				<div class="impressionPart">
					<div class="impressionLeft">
						<div class="impressionBox">
							<img src="/img/play.png" />
							<p>影像·石板河旅游景区</p>
						</div>
						<div class="videoBox">
							<video id="impressionMp4" poster="/img/img1.png" src="">
								您的浏览器不支持 video 标签
							</video>
						</div>
					</div>
					<div class="impressionRight">
						<img src="/img/name.png" />
						<p id="articleIntroduction"></p>
						<a href="/detail?articleType=15">查看更多</a>
					</div>
				</div>
				
				<div class="spotPart">
					<div class="spotLeft">
						<div class="spotBox1">
							<img class="spotImg" src="/img/img3.png" />
							<p><img src="/img/eyes.png" />石板河景区</p>
							<div class="spotHover">石板河景区</div>
						</div>
					</div>
					<div class="spotRight">
						<div class="spotBox2">
							<img class="spotImg" src="/img/img4.png" />
							<p><img src="/img/eyes.png" />石板河景区</p>
							<div class="spotHover">石板河景区</div>
						</div>
						<div class="spotBox2">
							<img class="spotImg" src="/img/img5.png" />
							<p><img src="/img/eyes.png" />石板河景区</p>
							<div class="spotHover">石板河景区</div>
						</div>
						<div class="spotBox2">
							<img class="spotImg" src="/img/img6.png" />
							<p><img src="/img/eyes.png" />石板河景区</p>
							<div class="spotHover">石板河景区</div>
						</div>
						<div class="spotBox2">
							<img class="spotImg" src="/img/img7.png" />
							<p><img src="/img/eyes.png" />石板河景区</p>
							<div class="spotHover">石板河景区</div>
						</div>
					</div>
				</div>
			
				<div class="playPart">
					<img class="title" src="/img/title.png" />
					<div class="options">
					    <div class="option active" style="background:url(/img/option5.png);">
					      <img class="optionIcon" src="/img/action1.png" />
						  <a class="lookDetail" href="/play?index=1">查看详情</a>
						  <p>渔火音乐节四月逛庙会元宵闹花灯</p>
					    </div>
						<div class="option" style="background:url(/img/option5.png);">
						  <img class="optionIcon" src="/img/action2.png" />
						  <a class="lookDetail" href="/play?index=2">查看详情</a>
						  <p>渔火音乐节四月逛庙会元宵闹花灯</p>
						</div>
					    <div class="option" style="background:url(/img/option5.png);">
					      <img class="optionIcon" src="/img/action3.png" />
						  <a class="lookDetail" href="/play?index=3">查看详情</a>
						  <p>渔火音乐节四月逛庙会元宵闹花灯</p>
					    </div>
					    <div class="option" style="background:url(/img/option5.png);">
					      <img class="optionIcon" src="/img/action4.png" />
						  <a class="lookDetail" href="/play?index=4">查看详情</a>
						  <p>渔火音乐节四月逛庙会元宵闹花灯</p>
					    </div>
					    <div class="option" style="background:url(/img/option5.png);">
					      <img class="optionIcon" src="/img/action5.png" />
						  <a class="lookDetail" href="/play?index=5">查看详情</a>
						  <p>渔火音乐节四月逛庙会元宵闹花灯</p>
					    </div>
					    <div class="option" style="background:url(/img/option5.png);">
					      <img class="optionIcon" src="/img/action6.png" />
						  <a class="lookDetail" href="/play?index=6">查看详情</a>
						  <p>渔火音乐节四月逛庙会元宵闹花灯</p>
					    </div>
					  </div>
				</div>
					
				<div class="bottom">
					<div class="userPart">
						<div class="reserveBox1">
							<h3>在线预定</h3>
							<p class="reservep1">Online Booking</p>
							<p class="reservep2">团体预订<span>｜</span>个人预订</p>
							<a class="reserveA" href="/online">立即预定</a>
							<a style="margin-bottom: 60px;" class="reserveA" href="">在线客服</a>
							<h3>微信公众号</h3>
							<p class="reservep3">河南石板河旅游区<br/>微信号：<span id="weChatNum"></span></p>
							<img class="erweima" src="/img/erweima.png" />
							<p class="reservep4">扫描关注二维码</p>
							<a class="adress" href="https://map.baidu.com/poi/%E5%B9%B3%E9%A1%B6%E5%B1%B1%E7%9F%B3%E6%9D%BF%E6%B2%B3%E6%97%85%E6%B8%B8%E6%99%AF%E5%8C%BA/@12558376.175,3997095.74,19.28z?uid=db3fc49ea12467cefda77832&ugc_type=3&ugc_ver=1&device_ratio=1&compat=1&querytype=detailConInfo&da_src=shareurl" target="_blank"><img src="/img/adress.png" /></a>
						</div>
						<div class="reserveBox2">
							<div class="custom">
								<h2>民俗民风<span>Folk Customs and Customs</span></h2>
								<ul class="customUl">
									<!--<li>
										<a href=""><span>> 民俗民风</span><span>[2019-6-24]</span></a>
									</li>-->
								</ul>
								<a class="customMore" href="/more?articleType=4">
									<img src="/img/lookMore.png" />
								</a>
							</div>
							<div class="things">
								<div class="tips">
									<h2>注意事项<a href="">more+</a></h2>
									<ul class="tipsUl">
										<!--<li>
											<a href=""><span>外出旅游必看注意事项</span><br/><span>[2019-6-24]</span></a>
										</li>-->
									</ul>
								</div>
								<div class="sbh">
									<h2>印象·石板河</h2>
									<p>Impression· SHI BAN HE</p>
								</div>
							</div>
							<div class="online">
								<h2>在线留言<span>Online Message</span></h2>
								<div class="onlineLine"></div>
								<p>如您对景区相关内容，在线预订或价格等有所疑问，可以给我们留言，我们会尽快给您答复。您也可以通过在线咨询了解更多内容。</p>
								<div class="onlineBox">
									<span class="weihu"  href="">在线留言</span>
									<span class="weihu"  href="">在线咨询</span>
								</div>
							</div>
						</div>
						<div class="reserveBox3">
							<div class="contact">
								<h4>联系我们<br/><span>Contact us</span></h4>
								<p style="margin-top: 20px;">河南石板河旅游区</p>
								<p>咨询电话：<span id="consultPhone"></span></p>
								<p>投诉电话：<span id="complainPhone"></span></p>
								<p>传&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;真：<span id="faxPhone"></span></p>
							</div>
							<div class="qualifications">
								<h4>景区资质<br/><span>Qualifications</span></h4>
								<ul class="qualificationsUl">
									<li><img src="/img/star.png" /><span id="qualification0"></span></li>
									<li><img src="/img/star.png" /><span id="qualification1"></span></li>
									<li><img src="/img/star.png" /><span id="qualification2"></span></li>
								</ul>
								<a class="more" href="/qualificationMore">查看更多</a>
							</div>
							<div class="complaint">
								<span >
									<h4>在线投诉<br/><span>Online Complaints</span></h4>
									<img class="weihu" src="/img/to.png" />
								</span>
							</div>
							<div class="investigation">
								<h4>在线调查<br/><span>Online Survey</span></h4>
								<!--<a style="margin-top: 27px;" class="more weihu" href="">了解更多</a>-->
								<span style="margin-top: 27px;" class="more weihu" href="">了解更多</span>
							</div>
						</div>
					</div>

					<div class="footer">
						<div class="footerTop">
							<span id="link">友情链接：</span>
							<!--<a href="#"><img src="/img/icon2.png" /></a>-->
						</div>
						<ul class="footUl">
							<li><a href="/">网站首页</a></li>
							<li><a href="/walking">走进石板河</a></li>
							<li><a href="/impression">印象石板河</a></li>
							<li><a href="/play">玩转石板河</a></li>
							<li><a href="/surrounding">景区导览</a></li>
							<li><a href="/dynamic">景区动态</a></li>
							<li><a href="/strategy">旅游攻略</a></li>
							<li><a href="/service.html">客户服务</a></li>
						</ul>
						<p><span id="companyName">安徽省石板河旅游发展有限公司</span>　版权所有　 <span id="copyright">Copyright © 2020 All Right Reserve　</span></p>
						<p>免责申明　皖公网安备 <span id="recordNo">34018102340321号</span></p>
						<p>技术支持：<span id="technicalSupport">徽章纵视</span></p>
					</div>
					

				</div>
			</div>
		</div>


		<script src="/js/jquery.min.js"></script>
		<script src="/js/swiper.min.js"></script>
		<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
		<script>

			$(".weihu").click(function () {
				alert("维护中!")
			});


			$(".search").click(function(){
				var searchVal=$("#searchVal").val();
				window.location.href="/search?searchVal="+ searchVal;
			});

			function getNum(date){
				$.ajax({
					type : "POST",
					url :  "/system/order/getClickNum",
					data : {ticketTime:date},
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.clickNum==null){
								$("#clickNum").text(0)
							}else{
								$("#clickNum").text(data.clickNum)
							}
						}
					}
				});
			};

			$("#clickSearch").click(function() {
				var date=$("#date").val();
				getNum(date)
			});

			$().ready(function() {
				getNum("")

				//获取轮播图
				$.ajax({
					type : "POST",
					url :  "/system/advertisement/advertisementList",
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.code==0){
								var div="";
								for (var i=0;i<data.advertisementList.length;i++){
									div+="<div class=\"swiper-slide\">"
									$.ajax({
										type : "POST",
										url :  "/common/sysFile/list",
										data : {attachId:data.advertisementList[i].attachId},
										async : false,
										success : function(data) {
											if(data != null && data != '') {
												div+="<div class=\"bannerImg\" style=\"background-image: url("+data[0].fileUrl+");\"></div>"
											}
										}
									});
									div+="<div class=\"bannerp\">"+data.advertisementList[i].advContent+"</div></div>"
								}
								$('#swiper-wrapper').html(div);
								var swiper = new Swiper('.bannerSwiper', {
									loop: true,
									navigation: {
										nextEl: '.swiper-button-next',
										prevEl: '.swiper-button-prev',
									},
								});
							}
						}
					}
				});


				//获取吃住行游购娱图
				$.ajax({
					type : "POST",
					url :  "/scenery/play/getPlayPicture",
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.code==0){
								var div="";
								for (var i=0;i<data.sceneryPlayList.length;i++){
									$.ajax({
										type : "POST",
										url :  "/common/sysFile/list",
										data : {attachId:data.sceneryPlayList[i].attachId},
										async : false,
										success : function(data) {
											if(data != null && data != '') {
												if(i==0){
													div+="<div class=\"option active\" style=\"background-image: url("+data[0].fileUrl+");\">"
												}else{
													div+="<div class=\"option\" style=\"background-image: url("+data[0].fileUrl+");\">"
												}

											}
										}
									});
									div+="<img class=\"optionIcon\" src=\"/img/action"+(i+1)+".png\" />"
									div+="<a class=\"lookDetail\" href=\"/play?index=1\">查看详情</a>"
									div+="<p>"+data.sceneryPlayList[i].introduction+"</p></div>"
								}
								$('.options').html(div);

								$(".option").hover(function () {
									$(".option").removeClass("active");
									$(this).addClass("active");
								});
							}
						}
					}
				});


				//获取吃住行游购娱图
				$.ajax({
					type : "POST",
					url :  "/scenery/article/sceneryArticleDetail",
					data : {id:"",articleType:"15"},
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.code==0){
								$("#articleIntroduction").text(data.sceneryArticleDO.articleIntroduction)

							}
						}
					}
				});


				$.ajax({
					type : "POST",
					url :  "/scenery/article/sceneryArticleList",
					data : {articleType:5,palyType:'',articleTitle:'',limit:5,offset:0},
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.rows!=null&&data.rows!=""){
								var div="<div class='swiper-wrapper'>";
								var div2="";
								for (var i=0;i<data.rows.length;i++){
									div+="<div class='swiper-slide'>"
									$.ajax({
										type : "POST",
										url :  "/common/sysFile/list",
										data : {attachId:data.rows[i].attachId},
										async : false,
										success : function(data) {
											if(data != null && data != '') {
												div+="<img src='"+data[0].fileUrl+"' style='width: 447px;height: 300px'/>"
											}
										}
									});
									div+="<div class='newsBottom'><p>"+data.rows[i].articleTitle+"</p></div></div>"
									div2+="<div class='newsArtical'><a href=\"/detail?id="+data.rows[i].id+"&articleType=5\"> "+data.rows[i].articleTitle+"</a></div>"
								}
								div+="</div>"
								$(".pagination1").before(div);
								$(".artical1").html(div2);
								var swiper2 = new Swiper('.newsSwiper1', {
									loop: true,
									pagination: {
										el: '.swiper-pagination',
										clickable: true,
									},
								});
							}else{
								$(".pagination1").before("");
								$(".artical1").html("");
							}
						}
					}
				});


				$.ajax({
					type : "POST",
					url :  "/scenery/article/sceneryArticleList",
					data : {articleType:6,palyType:'',articleTitle:'',limit:5,offset:0},
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.rows!=null&&data.rows!=""){
								var div="<div class='swiper-wrapper'>";
								var div2="";
								for (var i=0;i<data.rows.length;i++){
									div+="<div class='swiper-slide'>"
									$.ajax({
										type : "POST",
										url :  "/common/sysFile/list",
										data : {attachId:data.rows[i].attachId},
										async : false,
										success : function(data) {
											if(data != null && data != '') {
												div+="<img src='"+data[0].fileUrl+"' style='width: 447px;height: 300px'/>"
											}
										}
									});
									div+="<div class='newsBottom'><p>"+data.rows[i].articleTitle+"</p></div></div>"
									div2+="<div class='newsArtical'><a href=\"/detail?id="+data.rows[i].id+"&articleType=6\"> "+data.rows[i].articleTitle+"</a></div>"
								}
								div+="</div>"
								$(".pagination2").before(div);
								$(".artical2").html(div2);
								var swiper2 = new Swiper('.newsSwiper2', {
									loop: true,
									pagination: {
										el: '.swiper-pagination',
										clickable: true,
									},
								});
							}else{
								$(".pagination2").before("");
								$(".artical2").html("");
							}
						}
					}
				});


				$.ajax({
					type : "POST",
					url :  "/scenery/article/sceneryArticleList",
					data : {articleType:7,palyType:'',articleTitle:'',limit:9,offset:0},
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.rows!=null&&data.rows!=""){var div="<div class='swiper-wrapper'>";
								var div="";
								for (var i=0;i<data.rows.length;i++){
									div+="<div class='newsDetail'><a href=\"/detail?id="+data.rows[i].id+"&articleType=7\">>  "+data.rows[i].articleTitle+"</a></div>"
								}
								$(".newsMore").before(div);
							}else{
								$(".newsMore").before("");
							}
						}
					}
				});



				$.ajax({
					type : "POST",
					url :  "/scenery/article/sceneryArticleList",
					data : {articleType:4,palyType:'',articleTitle:'',limit:4,offset:0},
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.rows!=null&&data.rows!=""){
								var div="";
								for (var i=0;i<data.rows.length;i++){
									div+="<li><a href=\"/detail?id="+data.rows[i].id+"&articleType=4\"><span>>" +data.rows[i].articleTitle+"</span><span>["+data.rows[i].createTime+"]</span></a></li>"
								}
								$(".customUl").html(div);
							}else{
								$(".customUl").html("");
							}
						}
					}
				});


				$.ajax({
					type : "POST",
					url :  "/scenery/article/sceneryArticleList",
					data : {articleType:3,palyType:'',articleTitle:'',limit:5,offset:0},
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.rows!=null&&data.rows!=""){
								var div="";
								for (var i=0;i<data.rows.length;i++){
									div+="<li><a href=\"/detail?id="+data.rows[i].id+"&articleType=3\"><span>"+data.rows[i].articleTitle+"</span><br/><span>["+data.rows[i].createTime+"]</span></a></li>"
								}
								$(".tipsUl").html(div);
							}else{
								$(".tipsUl").html("");
							}
						}
					}
				});

				$.ajax({
						type : "GET",
						url :  "/sys/sysSet/getSet",
						data : {type:''},
						async : false,
						success : function(data) {
							if(data != null && data != '') {
								if(data.code==0){
									var setDOList=data.setDOList
									for (var i=0;i<setDOList.length;i++){
										$("#"+setDOList[i].setCode).text(setDOList[i].setValue)
									}
								}
							}
						}
				});


				$.ajax({
					type : "POST",
					url :  "/system/link/linkList",
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.code==0){
								var div=""
								for (var i=0;i<data.linkList.length;i++){
									div+="<a href='"+data.linkList[i].linkUrl+"'>";
									$.ajax({
										type : "POST",
										url :  "/common/sysFile/list",
										data : {attachId:data.linkList[i].attachId},
										async : false,
										success : function(data) {
											if(data != null && data != '') {
												div+="<img src='"+data[0].fileUrl+"' /></a>"
											}
										}
									});
								}
								$("#link").after(div)
							}
						}
					}
				});


				$.ajax({
					type : "POST",
					url :  "/system/qualification/qualificationDOList",
					async : false,
					success : function(data) {
						if(data != null && data != '') {
							if(data.code==0){
								var qualificationDOList=data.qualificationDOList
								if(qualificationDOList.length>=3){
									for (var i=0;i<3;i++){
										$("#qualification"+i).text(qualificationDOList[i].qualificationName)
										$(".qualification"+i).text(qualificationDOList[i].qualificationName)
									}
								}else{
									for (var i=0;i<qualificationDOList.length;i++){
										$("#qualification"+i).text(qualificationDOList[i].qualificationName)
										$(".qualification"+i).text(qualificationDOList[i].qualificationName)
									}
								}
							}
						}
					}
				});



			});
		</script>
	</body>
</html>
